<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <!--<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
    />-->
    <script type="text/javascript" src="js/func.js"></script>
    <link rel="stylesheet" type="text/css" href="css/common.css" />
    <link rel="stylesheet" type="text/css" href="css/main.css" />
    <link rel="stylesheet" type="text/css" href="css/loading.css" />
    <title>红包快跑控制台</title>
</head>

<body>
    <!--标题栏-->
    <div class="mainTitleCon">
        <div id="mainTitletext">用户管理</div>
    </div>
    <!--左侧导航栏-->
    <div class="navBarCon" id="navBarCon">
        <div class="navBarOne bgGreen" navFor="userManage">
            <div class="navBarOneText">用户管理</div>
        </div>
        <div class="navBarOne bgGreen" navFor="roomManage">
            <div class="navBarOneText">房间管理</div>
        </div>
        <div class="navBarOne bgGreen" navFor="mallManage">
            <div class="navBarOneText">商城管理</div>
        </div>
        <div class="navBarOne bgGreen" navFor="moneyTopTo">
            <div class="navBarOneText">金币充值</div>
        </div>
        <div class="navBarOne bgGreen" navFor="drawApply">
            <div class="navBarOneText">提现申请</div>
        </div>
        <div class="navBarOne bgGreen" navFor="roomApply">
            <div class="navBarOneText">房间申请</div>
        </div>
        <div class="navBarOne bgGreen" navFor="roomBuild">
            <div class="navBarOneText">创建房间</div>
        </div>
        <div class="navBarOne bgGreen" navFor="orderManage">
            <div class="navBarOneText">订单管理</div>
        </div>
    </div>

    <!--主要内容栏-->
    <div class="mainContentCon">

        <!--用户管理-->
        <div class="mainPage displayOff" title="用户管理" id="userManage">

            <table class="table" id="userInfoTable">
                <tr class="" id="userInfoTableTitle">
                    <th>用户ID</th>
                    <th>用户名</th>
                    <th>手机号</th>
                    <th>注册时间</th>
                    <th>账户余额</th>
                    <th>操作</th>
                </tr>
                <tr id="userInfoSample">
                    <td name="uiid">A1213212</td>
                    <td name="nickName">WSCPF</td>
                    <td name="mobilePhone">1234567890</td>
                    <td name="createTime">2016-11-01</td>
                    <td name="money">86.09</td>
                    <td name="userOperation"><span class="userDetailBtn">用户详情</span><span class="lockUserBtn" act="1">冻结</span></td>
                </tr>
            </table>

            <div class="tableBoot" id="userManageBoot" class="displayOff">
                <div class="tableDescHead">从<span id="userCountStart">1</span>到<span id="userCountEnd">10</span>条，共<span id="userCount">0</span>条</div>
                <div class="tableDescFoot">
                    <span class="whichPage" id="userPageFirst" tablePageFor="1">首页</span>
                    <span class="whichPage" id="userPagePre" tablePageFor="1">上一页</span>
                    <span class="whichPage" id="userPageNext" tablePageFor="2">下一页</span>
                    <span class="whichPage" id="userPageLast" tablePageFor="10">尾页</span>
                    <span tablePageFor="10">每页<input type="number" class="tablePageSize" id="userPageSize" value="10">条</span>
                    <span tablePageFor="10">第<input type="number" class="currentTablePage" id="userCurrentPage"  value="1">页</span>
                    <span class="whichPage" id="toThePageBtn">确定</span>
                </div>
            </div>
        </div>

        <!--房间管理-->
        <div class="mainPage displayOff" title="房间管理" id="roomManage">
            <table class="table" id="roomInfoTable">
                <tr class="" id="roomInfoTableTitle">
                    <th>房间ID</th>
                    <th>房间类型</th>
                    <th>房间名</th>
                    <th>房间主</th>
                    <th>房间等级</th>
                    <th>红包金额</th>
                    <th>红包个数</th>
                    <th>红包雷号</th>
                    <th>创建时间</th>
                    <th>操作</th>
                </tr>
                <tr id="roomInfoSample">
                    <td name="roomId">A1213212</td>
                    <td name="roomType">WSCPF</td>
                    <td name="roomDesc">1234567890</td>
                    <td name="roomOwner">1234567890</td>
                    <td name="roomLevel">1234567890</td>
                    <td name="roomBonusMoney">1234567890</td>
                    <td name="roomBonusNum">1234567890</td>
                    <td name="roomBonusTarget"></td>
                    <td name="roomCreateTime">2016-11-01</td>
                    <td name="roomOperation"><span class="roomDetailBtn">流水详情</span><span class="editRoomBtn" act="1">修改</span></td>
                </tr>
            </table>

            <div class="tableBoot" id="roomManageBoot" class="displayOff">
                <div class="tableDescHead">从<span id="roomCountStart">1</span>到<span id="roomCountEnd">10</span>条，共<span id="roomCount">0</span>条</div>
                <div class="tableDescFoot">
                    <span class="whichPage" id="roomPageFirst" tablePageFor="1">首页</span>
                    <span class="whichPage" id="roomPagePre" tablePageFor="1">上一页</span>
                    <span class="whichPage" id="roomPageNext" tablePageFor="2">下一页</span>
                    <span class="whichPage" id="roomPageLast" tablePageFor="10">尾页</span>
                    <span tablePageFor="10">每页<input type="number" class="tablePageSize" id="roomPageSize" value="10">条</span>
                    <span tablePageFor="10">第<input type="number" class="currentTablePage" id="roomCurrentPage"  value="1">页</span>
                    <span class="whichPage" id="toThePageBtn">确定</span>
                </div>
            </div>
        </div>

        <!--商城管理-->
        <div class="mainPage displayOff" title="商城管理" id="mallManage">
            <table class="table" id="goodsInfoTable">
                <tr class="" id="goodsInfoTableTitle">
                    <th>商品ID</th>
                    <th>名称</th>
                    <th>描述</th>
                    <th>价格</th>
                    <th>库存</th>
                    <th>图片链接</th>
                    <th>状态</th>
                    <th>创建时间</th>
                    <th>操作</th>
                </tr>
                <tr id="goodsInfoSample">
                    <td name="goodsId">A1213212</td>
                    <td name="goodsName">WSCPF</td>
                    <td name="goodsDesc">1234567890</td>
                    <td name="goodsPrice">1234567890</td>
                    <td name="goodsMount">1234567890</td>
                    <td name="goodsImgUrl">1234567890</td>
                    <td name="goodsStatus">1234567890</td>
                    <td name="goodsCreateTime">2016-11-01</td>
                    <td name="goodsOperation"><span class="goodsEditBtn">编辑</span></td>
                </tr>
            </table>
        </div>

        <!--金币充值-->
        <div class="mainPage displayOff" title="金币充值" id="moneyTopTo">
            <div class="moneyTopToCon">
                <div class="moneyTopToOne">账户：<span class="moneyTopToItem"></span><input type="text" placeholder="ID或手机" class="moneyTopToinput"></div>
                <div class="moneyTopToOne">金额：<span class="moneyTopToItem"></span><input type="text" placeholder="不低于50金币" class="moneyTopToinput"></div>
                <div class="moneyTopToOne"><span class="moneyTopToTips">请核对好账户和金额</span><span id="moneyTopToBtn">充值</span></div>
            </div>
        </div>

        <!--提现申请-->
        <div class="mainPage displayOff" title="提现申请" id="drawApply">
            <table class="table" id="drawInfoTable">
                <tr class="" id="drawInfoTableTitle">
                    <th>用户ID</th>
                    <th>提现金额</th>
                    <th>提现账户</th>
                    <th>账户机构</th>
                    <th>账户姓名</th>
                    <th>通知手机</th>
                    <th>创建时间</th>
                    <th>操作</th>
                </tr>
                <tr id="drawApplySample">
                    <td name="uiid">A1213212</td>
                    <td name="money">WSCPF</td>
                    <td name="bankAccunt">1234567890</td>
                    <td name="bankName">2016-11-01</td>
                    <td name="accuntName">86.09</td>
                    <td name="mobilePhone">86.09</td>
                    <td name="drawCreateTime">86.09</td>
                    <td name="drawApplyOperation"><span class="drawApplyPayBtn">支付完成</span></td>
                </tr>
            </table>

            <div class="tableBoot" id="drawApplyBoot" class="displayOff">
                <div class="tableDescHead">从<span id="drawCountStart">1</span>到<span id="drawCountEnd">10</span>条，共<span id="drawCount">0</span>条</div>
                <div class="tableDescFoot">
                    <span class="whichPage" id="drawPageFirst" tablePageFor="1">首页</span>
                    <span class="whichPage" id="drawPagePre" tablePageFor="1">上一页</span>
                    <span class="whichPage" id="drawPageNext" tablePageFor="2">下一页</span>
                    <span class="whichPage" id="drawPageLast" tablePageFor="10">尾页</span>
                    <span tablePageFor="10">每页<input type="number" class="tablePageSize" id="drawPageSize" value="10">条</span>
                    <span tablePageFor="10">第<input type="number" class="currentTablePage" id="drawCurrentPage"  value="1">页</span>
                    <span class="whichPage" id="toThePageBtn">确定</span>
                </div>
            </div>
        </div>

        <!--房间申请-->
        <div class="mainPage displayOff" title="房间申请" id="roomApply">
            <table class="table" id="roomApplyTable">
                <tr class="" id="roomApplyTableTitle">
                    <th>房间号</th>
                    <th>用户Id</th>
                    <th>房间名</th>
                    <th>房间类型</th>
                    <th>房间等级</th>
                    <th>房间描述</th>
                    <th>红包金额</th>
                    <th>红包个数</th>
                    <th>红包雷号</th>
                    <th>操作</th>
                </tr>
                <tr id="roomApplySample">
                    <td name="roomId">A1213212</td>
                    <td name="roomOwner">WSCPF</td>
                    <td name="roomName">1234567890</td>
                    <td name="roomType">1234567890</td>
                    <td name="roomLevel">1234567890</td>
                    <td name="roomDesc">1234567890</td>
                    <td name="roomBonusMoney">1234567890</td>
                    <td name="roomBonusNum">1234567890</td>
                    <td name="roomTarget">2016-11-01</td>
                    <td name="roomApplyOperation"><span class="roomApplyEditBtn">编辑</span></td>
                </tr>
            </table>
        </div>

        <!--创建房间-->
        <div class="mainPage displayOff" title="创建房间" id="roomBuild">

            <div class="pageHeader">
                <img src="img/idx/xzjt.png" alt="" class="backToPageImg" backPageFor="mainPageGRZX">
                <span class="pageHeaderTitle">申请房间</span>
            </div>
            <div class="applyUserInfo">
                <div class="applyTitle">联系方式</div>
                <div class="applyInfoOne"><span class="applyItem">手机号</span><input type="number" id="applyRoomPhone" class="applyInput"></div>
                <div class="applyInfoOne"><span class="applyItem">微信号</span><input type="text" id="applyRoomWechat" class="applyInput"></div>
                <div class="applyTitle">房间信息</div>
                <div class="applyInfoOne"><span class="applyItem">房间类型</span>
                    <label>红包接龙 <input type="radio" name="roomType" value="1" checked class="roomTypeRadio"> </label>
                    <label>尾数相加 <input type="radio" name="roomType" value="2" class="roomTypeRadio"> </label>
                    <label>红包扫雷 <input type="radio" name="roomType" value="3" class="roomTypeRadio"> </label>
                </div>

                <div class="applyInfoOne"><span class="applyItem">房间名称</span><input type="text" id="applyRoomName" maxlength="6" class="applyInput"></div>
                <div class="applyInfoOne"><span class="applyItem">房间号码</span><input type="number" id="applyRoomId" maxlength="6" class="applyInput"
                        placeholder="四至六位数"></div>
                <div class="applyInfoOne"><span class="applyItem">红包金币</span>
                    <select id="bonusMoneyCkx">        
                    <option value="500">5</option>    
                    <option value="1000">10</option>    
                    <option value="2000">20</option>    
                    <option value="5000" selected>50</option>        
                    <option value="10000">100</option>        
                    <option value="20000">200</option>     
                    <option value="50000">500</option>     
                    <option value="100000">1000</option>       
                </select>
                </div>
                <div class="applyInfoOne"><span class="applyItem">红包个数</span>
                    <label>5个<input type="radio" name="bonusNum" checked value="5" class="bonusNumRadio"> </label>
                    <label>6个<input type="radio" name="bonusNum" value="6" class="bonusNumRadio"> </label>
                    <label>10个<input type="radio" name="bonusNum" value="10" class="bonusNumRadio"> </label>
                </div>
                <div class="applyInfoOne"><span class="applyItem">红包雷号</span>
                    <select id="bonusTargetCkx">        
                    <option value="0">0</option>    
                    <option value="1">1</option>    
                    <option value="2">2</option>        
                    <option value="3">3</option>        
                    <option value="4">4</option>     
                    <option value="5">5</option>     
                    <option value="6">6</option>     
                    <option value="7">7</option>     
                    <option value="8" selected>8</option>     
                    <option value="9">9</option>     
                </select>
                </div>
                <div class="applyTitle" id="applyRoomBtn"><span class="applyItem">提交申请</span>
                </div>

            </div>

        </div>

        <!--订单管理-->
        <div class="mainPage displayOff" title="订单管理" id="orderManage">
             <table class="table" id="orderInfoTable">
                <tr class="" id="orderInfoTableTitle">
                    <th>订单号</th>
                    <th>用户ID</th>
                    <th>商品ID</th>
                    <th>商品名</th>
                    <th>商品描述</th>
                    <th>金额</th>
                    <th>状态</th>
                    <th>收货人</th>
                    <th>手机</th>
                    <th>收货地址</th>
                    <th>备注</th>
                    <th>创建时间</th>
                    <th>操作</th>
                </tr>
                <tr id="orderInfoSample">
                    <td name="orderId">A1213212</td>
                    <td name="orderName">WSCPF</td>
                    <td name="orderDesc">1234567890</td>
                    <td name="orderPrice">1234567890</td>
                    <td name="orderMount">1234567890</td>
                    <td name="orderImgUrl">1234567890</td>
                    <td name="orderStatus">1234567890</td>



                    <td name="orderCreateTime">2016-11-01</td>
                    <td name="orderOperation"><span class="orderEditBtn">编辑</span></td>
                </tr>
            </table>
        </div>
    </div>


    <!--加载中-->
    <div id="loading" class="fullpage loading zindex200 displayOff">
        <div class="spinner">
            <div class="double-bounce1"></div>
            <div class="double-bounce2"></div>
        </div>
    </div>

    <script type="text/javascript" src="js/bussiness.js"></script>
    <script type="text/javascript" src="js/initStyle.js"></script>
</body>

</html>